<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css"/>
    <title>pbft gui</title>
    <script src="http://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>
    <script src="js.js"></script>

</head>
<body>
    <div id="container">
        <div id="menubar">
            <div class="menuitem">Nodes</div>
            <div class="menuitem">Timeline</div>
        </div>
        <div id="main">
            <div id="nodearea">
                <div class="node summary">
                    <h3>Summary</h3>
                    <h5>Agreed Value:</h5>
                    <span class="value">???</span>
                </div>
                <div class="node primary">
                    <h3>Node 1<!--<span class="primary-label">P</span>--></h3>
                    <h5>Value:</h5>
                    <span class="value">???</span>
                </div>
                <div class="node">
                    <h3>Node 2</h3>
                    <h5>Value:</h5>
                    <span class="value">???</span>
                </div>
                <div class="node">
                    <h3>Node 3</h3>
                    <h5>Value:</h5>
                    <span class="value">???</span>
                </div>
                <div class="node">
                    <h3>Node 4</h3>
                    <h5>Value:</h5>
                    <span class="value">???</span>
                </div>
            </div>
        </div>
        <div id="footer">
            (c) by us, yay.
        </div>
    </div>
</body>
</html>